<template>
	<div>
			<el-tabs type="border-card" @tab-click="handleClick" v-model="topClickNum" style="min-height:90vh">
				<!-- 个人信息 -->
				<el-tab-pane label="个人信息">
					<!-- 上边个人信息 -->
					<div>
						<el-form :model="personInfo">
							<el-row class="marginYTen">
								<el-col><span class="titleIcon"><i class="el-icon-menu"></i>人员信息：</span></el-col>
							</el-row>
							<el-row>
								<el-col :span="21">
									<el-row>
										<el-col :span="6">
											<el-form-item size="small" prop="name" label="姓名:" :label-width="formLabelWidth">
												<el-input v-model="personInfo.name" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
										<el-col :span="6">
											<el-form-item size="small" prop="sex" label="性别:" :label-width="formLabelWidth">
												<el-input v-model="personInfo.sex" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
										<el-col :span="6">
											<el-form-item size="small" prop="phone" label="电话:" :label-width="formLabelWidth">
												<el-input  v-model="personInfo.phone" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
										<el-col :span="6">
											<el-form-item size="small" prop="idCard" label="身份证:" :label-width="formLabelWidth">
												<el-input  v-model="personInfo.idCard" autocomplete="off" maxlength="18" disabled></el-input>
											</el-form-item>
										</el-col>
									</el-row>	
									<el-row>
										<el-col :span="6">
											<el-form-item size="small" prop="nativeplace" label="户籍:" :label-width="formLabelWidth">
												<el-input v-model="personInfo.nativeplace" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
										<el-col :span="6">
											<el-form-item size="small" prop="nation" label="民族:" :label-width="formLabelWidth">
												<el-input  v-model="personInfo.nation" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
										<el-col :span="6">
											<el-form-item size="small" prop="datebirth" label="出生日期:" :label-width="formLabelWidth">
												<el-input v-model="personInfo.datebirth" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
										<el-col :span="6">
											<el-form-item size="small" prop="email" label="邮箱:" :label-width="formLabelWidth">
												<el-input v-model="personInfo.email" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
									</el-row>
									<el-row>
										<el-col :span="6">
											<el-form-item size="small" prop="higesteducationschool" label="毕业院校:" :label-width="formLabelWidth">
												<el-input v-model="personInfo.higesteducationschool" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
										<el-col :span="6">
											<el-form-item size="small" prop="higesteducation" label="学历:" :label-width="formLabelWidth">
												<el-input  v-model="personInfo.higesteducation" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>					
										<el-col :span="6">
											<el-form-item size="small" prop="higesteducationmajor" label="专业:" :label-width="formLabelWidth">
												<el-input  v-model="personInfo.higesteducationmajor" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
										<el-col :span="6">
											<el-form-item size="small" prop="politicaloutlook" label="政治面貌:" :label-width="formLabelWidth">
												<el-input v-model="personInfo.politicaloutlook"  autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
									</el-row>
									<el-row>
										<el-col :span="6">
											<el-form-item size="small" prop="company" label="公司:" :label-width="formLabelWidth">
												<el-input v-model="personInfo.company.name" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
										<el-col :span="6">
											<el-form-item size="small" prop="office" label="部门:" :label-width="formLabelWidth">
												<el-input  v-model="personInfo.office.name" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
										<el-col :span="6">
											<el-form-item size="small" prop="post" label="岗位:" :label-width="formLabelWidth">
												<el-input v-model="personInfo.post.name" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
								<el-col :span="6">
									<el-form-item size="small" prop="staffstatus" label="工作类型:" :label-width="formLabelWidth">
										<el-input v-model="personInfo.staffstatus" autocomplete="off" disabled></el-input>
									</el-form-item>
								</el-col>
									</el-row>
								</el-col>
								<el-col :span="3" >
									<div style="width:100%;padding:0 15%">							
										<el-upload		style="width:100%;border:1px solid #d8d8d8;text-align:center"						
											:action="`${this.$http.BASE_URL}/sys/user/imageUpload`"
											:show-file-list="false"
											:on-success="handleAvatarSuccess"
											:headers="{token: $cookie.get('token')}"
											:before-upload="beforeAvatarUpload">
											<img  v-if="personInfo.photo" :src="personInfo.photo" class="headProtait" title="点击修改头像">
											<div v-else  style="width:100%;height: 183px;"><i class="el-icon-plus" style="font-size:28px;line-height:183px"></i></div>
										</el-upload>
									</div>
								</el-col>
							</el-row>
							<el-row>							
								<el-col :span="21">
								<el-col :span="6">
									<el-form-item size="small" prop="workingyears" label="工作经验:" :label-width="formLabelWidth">
										<el-input  v-model="personInfo.workingyears" autocomplete="off" disabled></el-input>
									</el-form-item>
								</el-col>
									<el-col :span="6">
										<el-form-item size="small" prop="drivinglicense" label="驾照:" :label-width="formLabelWidth">
											<el-input v-model="personInfo.drivinglicense" autocomplete="off" maxlength="18" disabled></el-input>
										</el-form-item>
									</el-col>
								<el-col :span="6">
									<el-form-item size="small" prop="emergcypeople" label="紧急联系人:" :label-width="formLabelWidth">
										<el-input  v-model="personInfo.emergcypeople" autocomplete="off" disabled></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="6">
									<el-form-item size="small" prop="emergcyphone" label="联系人电话:" :label-width="formLabelWidth">
										<el-input v-model="personInfo.emergcyphone" autocomplete="off" disabled></el-input>
									</el-form-item>
								</el-col>
								</el-col>
								<el-col :span="3">
									<div  style="text-align:center">
										<el-button type="primary" size="small" @click="userInfoChangeBtn()">修改资料</el-button>
									</div>								
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="24">
										<el-col :span="6">
											<el-form-item size="small" prop="interest" label="兴趣:" :label-width="formLabelWidth">
												<el-input  v-model="personInfo.interest" autocomplete="off" disabled></el-input>
											</el-form-item>
										</el-col>
									<el-col :span="6">
										<el-form-item size="small" prop="banknumber" label="银行行号:" :label-width="formLabelWidth">
											<el-input v-model="personInfo.banknumber" autocomplete="off" disabled></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="6">
										<el-form-item size="small" prop="bankofdeposit" label="银行开户行:" :label-width="formLabelWidth">
											<el-input v-model="personInfo.bankofdeposit" autocomplete="off" disabled></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="6">
										<el-form-item size="small" prop="bankaccount" label="银行卡号:" :label-width="formLabelWidth">
											<el-input v-model="personInfo.bankaccount" autocomplete="off" disabled></el-input>
										</el-form-item>
									</el-col>
								<!-- <el-col :span="3"> -->
									<!-- <div  style="text-align:center">
										<el-button type="success" size="small" @click="passwordDialog=true">修改密码</el-button>
									</div>							 -->
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="24">
									<el-col :span="6">
										<el-form-item size="small" prop="loginFlag" label="是否可登录：" :label-width="formLabelWidth">
											<el-select v-model="personInfo.loginFlag" placeholder="请选择" style="width: 100%" disabled>
												<el-option v-for="item in $dictUtils.getDictList('ishire')"
													:key="item.value" :label="item.label" :value="item.value"></el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col :span="6">
										<el-form-item size="small" prop="residence" label="地址:" :label-width="formLabelWidth">
											<el-input  v-model="personInfo.residence" autocomplete="off" disabled></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="6">
										<el-form-item size="small" prop="currentaddress" label="详细地址:" :label-width="formLabelWidth">
											<el-input  v-model="personInfo.currentaddress" autocomplete="off" disabled></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="6">
										<el-form-item size="small" prop="annex" label="入职协议:" :label-width="formLabelWidth">
											<!-- <el-input  v-model="personInfo.currentaddress" autocomplete="off" disabled></el-input> -->
											<a :href="personInfo.annex" target="_blank" :style="{'pointer-events':(personInfo.annex==' '?'none':'')}">
												{{personInfo.annex==' '?'暂无文件':'点击查看'}}
											</a>
										</el-form-item>
									</el-col>
									</el-col>
							</el-row>
						</el-form>
					</div>
					<!-- 下边五个表格 -->
					<div>
						<!-- 转正信息 -->
						<el-row class="marginYTen">
							<el-col>
								<span class="titleIcon"><i class="el-icon-menu"></i>转正信息：</span>
							</el-col>
						</el-row>
						<el-row>
							<el-table :data="fullMemberTable" :cell-style="cellStyle" size="mini"
								:header-cell-class-name="cellHeadStyle" style="width:100%; border:1px solid #d6cfe2;"
								row-key="id" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
								v-loading="fullMemberLoading">
								<el-table-column prop="probationperiod" label="试用期时长" show-overflow-tooltip></el-table-column>
								<el-table-column prop="begintime" label="入职日期" show-overflow-tooltip></el-table-column>
								<el-table-column prop="endtime" label="转正日期" show-overflow-tooltip></el-table-column>
							</el-table>
						</el-row>
						<!-- 调岗记录 -->
						<el-row class="marginYTen">
							<el-col>
								<span class="titleIcon"><i class="el-icon-menu"></i>调岗记录：</span>
							</el-col>
						</el-row>
						<el-row>
							<el-table :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle" size="mini"
								style="width:100%; border:1px solid #d6cfe2;" :data="JobMobilityTable"
								:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" row-key="id"
								v-loading="JobMobilityLoading">
								<el-table-column prop="record" label="调岗记录" show-overflow-tooltip></el-table-column>
								<el-table-column prop="updateDate" label="调岗日期" show-overflow-tooltip></el-table-column>
								<el-table-column prop="department.name" label="部门" show-overflow-tooltip></el-table-column>
								<el-table-column prop="job" label="岗位" show-overflow-tooltip></el-table-column>
							</el-table>
						</el-row>
						<!-- 家庭情况 -->
						<el-row class="marginYTen">
							<el-col>
								<span class="titleIcon"><i class="el-icon-menu"></i>家庭情况：</span>
							</el-col>
						</el-row>
						<el-row>
							<el-table :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle" size="mini"
								style="width:100%; border:1px solid #d6cfe2" :data="familyTable" v-loading="familyLoading"
								:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" row-key="id">
								<el-table-column prop="relationship" label="关系" show-overflow-tooltip></el-table-column>
								<el-table-column prop="name" label="姓名" align="center" show-overflow-tooltip></el-table-column>
								<el-table-column prop="phone" label="联系方式" show-overflow-tooltip></el-table-column>
							</el-table>
						</el-row>
						<!-- 工作经历 -->
						<el-row class="marginYTen">
							<el-col>
								<span class="titleIcon"><i class="el-icon-menu"></i>工作经历：</span>
							</el-col>
						</el-row>
						<el-row>
							<el-table :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
								style="width:100%; border:1px solid #d6cfe2" :data="workExpTable" size="mini"
								:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" row-key="id"
								v-loading="workExpLoading">
								<el-table-column prop="postname" label="岗位" show-overflow-tooltip></el-table-column>
								<el-table-column prop="companyname" label="单位名称" show-overflow-tooltip></el-table-column>
								<el-table-column prop="departement" label="部门" show-overflow-tooltip></el-table-column>
								<el-table-column prop="starttime" label="入职时间" show-overflow-tooltip></el-table-column>
								<el-table-column prop="endtime" label="离职时间" show-overflow-tooltip></el-table-column>
							</el-table>
						</el-row>
						<!-- 教育经历 -->
						<el-row class="marginYTen">
							<el-col>
								<span class="titleIcon"><i class="el-icon-menu"></i>教育经历：</span>
							</el-col>
						</el-row>
						<el-row>
							<el-table :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
								style="width:100%; border:1px solid #d6cfe2" :data="eduactionTable" size="mini"
								:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" row-key="id"
								v-loading="eduactionLoading">
								<el-table-column prop="school" label="毕业院校" show-overflow-tooltip></el-table-column>
								<el-table-column prop="major" label="专业" show-overflow-tooltip></el-table-column>
								<el-table-column prop="academicdegree" label="学历" show-overflow-tooltip >
									<template slot-scope="scope">
										{{ $dictUtils.getDictLabel("nature", scope.row.academicdegree, '-') }}
									</template>
								</el-table-column>
								<el-table-column prop="admissiondate" label="入学时间" show-overflow-tooltip></el-table-column>
								<el-table-column prop="graduationdate" label="毕业时间" show-overflow-tooltip></el-table-column>
							</el-table>
						</el-row>
						<!-- 资质证书 -->
						<el-row class="marginYTen">
							<el-col>
								<span class="titleIcon"><i class="el-icon-menu"></i>资质证书：</span>
							</el-col>
						</el-row>
						<el-row style="width:80%;margin:0 auto">
							<el-carousel :interval="4000" type="card" height="300px">
							  <el-carousel-item v-for="(item,index) in certificateBanner" :key="index">
							    <img :src="item.certificationfile" alt="轮播图" height="300px" width="600px">
							  </el-carousel-item>
							</el-carousel>
						</el-row>
					</div>
				</el-tab-pane>
				<!-- 借款信息 -->
				<el-tab-pane label="借款信息">
					<el-form size="small" :inline="true"  ref="searchFormBorrow" :model="searchFormBorrow" @keyup.enter.native="getBorrowMoney()" @submit.native.prevent>
						<!-- 搜索框-->
						<el-form-item prop="loandate">
							<el-date-picker
								v-model="searchFormBorrow.loandate"
								type="date"
								value-format="yyyy-MM-dd"
								format="yyyy-MM-dd"
								style="width: 100%;"
								:clearable="false"
								placeholder="借款日期">
							</el-date-picker>
						</el-form-item>
						<el-form-item prop="repaydate">
							<el-date-picker
							v-model="searchFormBorrow.repaydate"
							type="date"
							value-format="yyyy-MM-dd"
							format="yyyy-MM-dd"
							style="width: 100%;"
							:clearable="false"
							placeholder="还款日期">
							</el-date-picker>
						</el-form-item>
						<el-form-item prop="ispay ">
							<el-select size="small" v-model="searchFormBorrow.ispay " placeholder="是否还清"  style="width: 100%;">
								<el-option
								v-for="item in $dictUtils.getDictList('yes_no')"
								:key="item.value"
								:label="item.label"
								:value="item.value">
								</el-option>
							</el-select>
						</el-form-item>
						<el-form-item style="float: right">
							<el-button type="primary" @click="getBorrowMoney()" size="small">查询</el-button>
							<el-button @click="resetSearchBorrow()" size="small">重置</el-button>
						</el-form-item>
					</el-form>
					<el-table :data="borrowMoneyTable" :cell-style="cellStyle" size="mini" :row-class-name="tableRowClassName" height="calc(100% - 80px)"
						:header-cell-class-name="cellHeadStyle" style="width:100%; border:1px solid #d6cfe2;min-height:380px" row-key="id"
						:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="borrowMoneyLoading">
						<el-table-column prop="loandate" label="借款日期"   show-overflow-tooltip  align="center"></el-table-column>
						<el-table-column prop="loanamount" label="借款金额" show-overflow-tooltip  align="center"></el-table-column>
						<el-table-column prop="expectrepay" label="预计还款日期"  show-overflow-tooltip  align="center"></el-table-column>
						<el-table-column prop="repaydate" label="还款日期"  show-overflow-tooltip  align="center"></el-table-column>
						<el-table-column prop="ispay" label="是否还清" show-overflow-tooltip  align="center">
							<template slot-scope="scope">
								{{ $dictUtils.getDictLabel("yes_no", scope.row.ispay, '-') }}
							</template>
						</el-table-column>
						<el-table-column prop="repaymentamount" label="还款金额" show-overflow-tooltip  align="center"></el-table-column>
						<el-table-column
							align="center"
							:key="Math.random()"
							width="100"
							label="操作">
							<template  slot-scope="scope">
								<el-button  type="text" icon="el-icon-document-remove" size="mini"  @click="charge(scope.row)">冲销</el-button>
							</template>
						</el-table-column>
					</el-table>
					<el-dialog
						title="请选择"
						:visible.sync="dialogVisible"
						width="15%" >
						<el-button type="primary" size="small" @click="flowableRouter(5,0)">差旅</el-button>
						<el-button type="primary" size="small" @click="flowableRouter(6,0)">非差旅</el-button> 
						<span slot="footer" class="dialog-footer">
							<el-button size="small" type="primary" @click="dialogVisible=false" plain>关闭</el-button>
						</span>
					</el-dialog>
					<el-pagination @size-change="borrowMoneyHandleSizeChange"
						@current-change="borrowMoneyHandleCurrentChange"
						:current-page.sync="borrowMoneyPageNo" :page-size="borrowMoneyPageSize"
						layout="total, prev, pager, next, jumper" :total="borrowMoneyTotal" style="margin: 1rem 0;">
					</el-pagination>
				</el-tab-pane>
				<!-- 劳务合同信息 -->
				<el-tab-pane label="劳动合同">
					<el-table :data="workContractTable" :cell-style="cellStyle" size="mini" :row-class-name="tableRowClassName" height="calc(100% - 80px)"
						:header-cell-class-name="cellHeadStyle" style="width:100%; border:1px solid #d6cfe2;min-height:380px" row-key="id"
						:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="workContractLoading">
						<el-table-column prop="contractNumber" show-overflow-tooltip label="合同编号" width="120" fixed="left">
							<template slot-scope="scope">
								<el-link  type="primary" :underline="false"   @click="view(scope.row.id)">{{scope.row.contractNumber}}</el-link>
							</template>
						</el-table-column>
						<el-table-column prop="company.name" show-overflow-tooltip label="甲方">
						</el-table-column>
						<el-table-column prop="user.name" show-overflow-tooltip label="乙方"  width="100">
						</el-table-column>
						<el-table-column prop="department.name" show-overflow-tooltip label="所属部门" >
						</el-table-column>
						<el-table-column prop="postname" show-overflow-tooltip label="岗位" >
						</el-table-column>
						<el-table-column prop="signingTime" show-overflow-tooltip label="签约时间" >
						</el-table-column>
						<el-table-column prop="usersalary" show-overflow-tooltip label="薪资" >
						</el-table-column>
						<el-table-column prop="probationperiod" show-overflow-tooltip label="试用期时间"   min-width="100">
						</el-table-column>
						<el-table-column prop="probationsalary" show-overflow-tooltip label="试用期薪资"    min-width="100">
						</el-table-column>
						<el-table-column prop="jobstatus" show-overflow-tooltip label="在职状态" width="160">
							<template slot-scope="scope">
								{{ $dictUtils.getDictLabel("employment_status", scope.row.jobstatus, '-') }}
							</template>
						</el-table-column>
						<el-table-column prop="earlywarning" show-overflow-tooltip label="合同有效期"    min-width="100">
						</el-table-column>
						<el-table-column header-align="center" align="center" fixed="right" :key="Math.random()" width="130"
							label="操作">
							<template  slot-scope="scope">
								<el-button  type="text"
									icon="el-icon-circle-check" size="mini" :disabled="scope.row.userissure==0 || scope.row.userissure==2" @click="confirmOffline(scope.row)">确认线下</el-button>
							</template>
						</el-table-column> 
					</el-table>
					<el-pagination @size-change="workContractHandleSizeChange"
						@current-change="workContractHandleCurrentChange"
						:current-page.sync="workContractPageNo" :page-size="workContractPageSize"
						layout="total, prev, pager, next, jumper" :total="workContractTotal" style="margin: 1rem 0;">
					</el-pagination>
				</el-tab-pane>
				<el-tab-pane label="发票管理">
					 <el-tabs v-model="invoiceTags" type="card" @tab-click="handleClickInvoices">
						<el-tab-pane label="发票验证" name="invoiceManagement">
							<zhaohangTest></zhaohangTest>
						</el-tab-pane>
						<el-tab-pane label="发票收集" name="invoiceCollect">
							<invoice></invoice>
						</el-tab-pane>
					  </el-tabs>
				</el-tab-pane>
				<!-- 考勤信息 -->
				<el-tab-pane label="考勤信息">
					<div style="padding-bottom:10px">
                            <el-date-picker v-model="CheckingInDate"  format="yyyy-MM" value-format="yyyy-MM" type="month" size="small" @change="picker" :clearable="false"></el-date-picker>
                        </div>
					<!-- 基本考勤信息 -->
					<div>
						<el-table :data="attendancRecordTable" :cell-style="cellStyle" @cell-click="cellDetail" height="calc(100% - 80px)"
							:header-cell-class-name="cellHeadStyle" style="width:100%; border:1px solid #d6cfe2;min-height:380px"
							:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="attendancRecordLoading">
							<el-table-column prop="yearmon" label="年/月" show-overflow-tooltip align="center"  fixed="left">
							</el-table-column>
							<el-table-column width="49" prop="one" label="1"    align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.one=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.one=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.one=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.one=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.one=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.one=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.one=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.one=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.one=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.one=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="two" label="2"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.two=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.two=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.two=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.two=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.two=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.two=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.two=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.two=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.two=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.two=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="three" label="3"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.three=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.three=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.three=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.three=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.three=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.three=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.three=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.three=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.three=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.three=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="four" label="4"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.four=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.four=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.four=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.four=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.four=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.four=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.four=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.four=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.four=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.four=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="five" label="5"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.five=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.five=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.five=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.five=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.five=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.five=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.five=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.five=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.five=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.five=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="six" label="6"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.six=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.six=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.six=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.six=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.six=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.six=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.six=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.six=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.six=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.six=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="seven" label="7"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.seven=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.seven=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.seven=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.seven=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.seven=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.seven=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.seven=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.seven=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.seven=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.seven=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="eight" label="8"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.eight=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.eight=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.eight=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.eight=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.eight=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.eight=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.eight=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.eight=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.eight=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.eight=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="nine" label="9"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.nine=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.nine=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.nine=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.nine=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.nine=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.nine=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.nine=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.nine=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.nine=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.nine=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="ten" label="10"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.ten=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.ten=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.ten=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.ten=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.ten=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.ten=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.ten=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.ten=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.ten=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.ten=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="eleven" label="11"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.eleven=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.eleven=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.eleven=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.eleven=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.eleven=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.eleven=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.eleven=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.eleven=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.eleven=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.eleven=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="twelve" label="12"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.twelve=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.twelve=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.twelve=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.twelve=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.twelve=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.twelve=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.twelve=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.twelve=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.twelve=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.twelve=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="thirteen" label="13"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.thirteen=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.thirteen=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.thirteen=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.thirteen=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.thirteen=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.thirteen=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.thirteen=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.thirteen=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.thirteen=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.thirteen=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="fourteen" label="14"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.fourteen=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.fourteen=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.fourteen=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.fourteen=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.fourteen=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.fourteen=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.fourteen=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.fourteen=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.fourteen=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.fourteen=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="fifteen" label="15"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.fifteen=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.fifteen=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.fifteen=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.fifteen=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.fifteen=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.fifteen=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.fifteen=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.fifteen=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.fifteen=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.fifteen=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="sixteen" label="16"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.sixteen=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.sixteen=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.sixteen=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.sixteen=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.sixteen=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.sixteen=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.sixteen=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.sixteen=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.sixteen=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.sixteen=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="seventeen" label="17"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.seventeen=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.seventeen=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.seventeen=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.seventeen=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.seventeen=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.seventeen=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.seventeen=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.seventeen=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.seventeen=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.seventeen=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="eighteen" label="18"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.eighteen=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.eighteen=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.eighteen=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.eighteen=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.eighteen=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.eighteen=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.eighteen=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.eighteen=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.eighteen=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.eighteen=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="nineteen" label="19"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.nineteen=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.nineteen=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.nineteen=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.nineteen=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.nineteen=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.nineteen=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.nineteen=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.nineteen=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.nineteen=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.nineteen=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="twenty" label="20"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.twenty=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.twenty=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.twenty=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.twenty=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.twenty=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.twenty=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.twenty=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.twenty=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.twenty=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.twenty=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="twentyone" label="21"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.twentyone=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.twentyone=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.twentyone=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.twentyone=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.twentyone=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.twentyone=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.twentyone=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.twentyone=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.twentyone=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.twentyone=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="twentytwo" label="22"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.twentytwo=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.twentytwo=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.twentytwo=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.twentytwo=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.twentytwo=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.twentytwo=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.twentytwo=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.twentytwo=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.twentytwo=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.twentytwo=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="twentythree" label="23"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.twentythree=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.twentythree=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.twentythree=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.twentythree=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.twentythree=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.twentythree=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.twentythree=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.twentythree=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.twentythree=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.twentythree=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="twentyfour" label="24"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.twentyfour=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.twentyfour=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.twentyfour=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.twentyfour=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.twentyfour=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.twentyfour=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.twentyfour=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.twentyfour=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.twentyfour=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.twentyfour=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="twentyfive" label="25"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.twentyfive=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.twentyfive=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.twentyfive=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.twentyfive=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.twentyfive=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.twentyfive=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.twentyfive=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.twentyfive=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.twentyfive=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.twentyfive=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="twentysix" label="26"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.twentysix=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.twentysix=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.twentysix=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.twentysix=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.twentysix=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.twentysix=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.twentysix=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.twentysix=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.twentysix=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.twentysix=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="twentyseven" label="27"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.twentyseven=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.twentyseven=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.twentyseven=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.twentyseven=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.twentyseven=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.twentyseven=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.twentyseven=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.twentyseven=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.twentyseven=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.twentyseven=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="twentyeight" label="28"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.twentyeight=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.twentyeight=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.twentyeight=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.twentyeight=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.twentyeight=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.twentyeight=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.twentyeight=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.twentyeight=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.twentyeight=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.twentyeight=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="twentynine" label="29"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.twentynine=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.twentynine=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.twentynine=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.twentynine=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.twentynine=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.twentynine=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.twentynine=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.twentynine=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.twentynine=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.twentynine=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="thirty" label="30"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.thirty=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.thirty=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.thirty=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.thirty=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.thirty=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.thirty=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.thirty=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.thirty=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.thirty=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.thirty=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
							<el-table-column width="49" prop="thirtyone" label="31"  align="center">
								<template slot-scope="scope">
									<div v-if="scope.row.thirtyone=='正常'"><i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i></div>
									<div v-if="scope.row.thirtyone=='迟到'"><i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i></div>
									<div v-if="scope.row.thirtyone=='早退'"><i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i></div>
									<div v-if="scope.row.thirtyone=='旷工'"><i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i></div>
									<div v-if="scope.row.thirtyone=='漏签'"><i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i></div>
									<div v-if="scope.row.thirtyone=='请假'"><i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i></div>
									<div v-if="scope.row.thirtyone=='出差'"><i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i></div>
									<div v-if="scope.row.thirtyone=='外出'"><i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i></div>
									<div v-if="scope.row.thirtyone=='加班'"><i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i></div>
									<div v-if="scope.row.thirtyone=='公休'"><i class="el-icon-s-home" style="color: rgb(153,153,153)"></i></div>
								</template>
							</el-table-column>
						</el-table>
					</div>
					<!-- 考勤类型图标 -->
					<div class="iconStyle">
						图标说明:&nbsp;
						<span>
							<i class="el-icon-circle-check" style="color: rgb(56,187,246)"></i>正常
						</span>
						<span>
							<i class="el-icon-bell" style="color: rgb(255, 0, 0)"></i>迟到
						</span>
						<span>
							<i class="el-icon-warning-outline" style="color: rgb(184,146,255)"></i>早退
						</span>
						<span>
							<i class="el-icon-circle-close" style="color: rgb(253,116,142)"></i>旷工
						</span>
						<span>
							<i class="el-icon-stopwatch" style="color: rgb(209,85,233)"></i>漏签
						</span>
						<span>
							<i class="el-icon-s-claim" style="color: rgb(77,194,247)"></i>请假
						</span>
						<span>
							<i class="el-icon-s-promotion" style="color: rgb(72,198,80)"></i>出差
						</span>
						<span>
							<i class="el-icon-suitcase" style="color: rgb(90,147,255)"></i>外出
						</span>
						<span>
							<i class="el-icon-alarm-clock" style="color: rgb(141,107,243)"></i>加班
						</span>
						<span>
							<i class="el-icon-s-home" style="color: rgb(153,153,153)"></i>公休
						</span>
					</div>
					<!-- 考勤明细 -->
					<el-row class="marginYTen">
						<el-col><span class="titleIcon"><i class="el-icon-menu"></i>考勤明细：</span></el-col>
					</el-row>
					<el-row>
						<el-table :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
							style="width:100%; border:1px solid #d6cfe2;"
							:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" row-key="id"
							:data="attendancRecordDetailsTable" v-loading="attendancRecordDetailsLoading" :empty-text="attendancRecordEmpty_text">
							<el-table-column prop="department.name" label="部门" show-overflow-tooltip></el-table-column>
							<el-table-column prop="name" label="姓名" align="center" show-overflow-tooltip></el-table-column>
							<el-table-column prop="date" label="日期" show-overflow-tooltip></el-table-column>
							<el-table-column prop="worktime" label="工作时段" show-overflow-tooltip></el-table-column>
							<el-table-column prop="time" label="签到时间/体温" show-overflow-tooltip></el-table-column>
							<el-table-column prop="time2" label="签退时间/体温" show-overflow-tooltip></el-table-column>
						</el-table>
					</el-row>
					<!-- 考勤流程 -->
					<el-row class="marginYTen">
						<el-col><span class="titleIcon"><i class="el-icon-menu"></i>考勤流程：</span></el-col>
					</el-row>
					<el-row>
						<el-table :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
							style="width:100%; border:1px solid #d6cfe2;" v-loading="attendancRecordFlowLoading"
							:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" row-key="id"
							:data="attendancRecordFlowTable" :empty-text="attendancRecordEmpty_text">
							<el-table-column prop="type" label="考勤类型" show-overflow-tooltip></el-table-column>
							<el-table-column prop="beginDate" label="开始时间" show-overflow-tooltip></el-table-column>
							<el-table-column prop="endDate" label="结束时间" show-overflow-tooltip></el-table-column>
							<el-table-column prop="length" label="时长(天)" show-overflow-tooltip></el-table-column>
							<el-table-column prop="title" label="请求标题" show-overflow-tooltip></el-table-column>
						</el-table>
					</el-row>
				</el-tab-pane>
				<!-- 工资信息 -->
				<el-tab-pane label="工资信息">
        			<!-- 搜索页面 -->
           				<el-form size="small">
                			<el-row>
                			    <el-col :span="4">
                			        <el-form-item>
                			            <el-date-picker
                			              v-model="salaryInfoSearchTiem1"
                			              type="year"
										  placeholder="选择年"
										  :clearable="true"
                			              @change="getSTime">
                			            </el-date-picker>
                			        </el-form-item>
                			    </el-col>
                			</el-row>
            			</el-form>
					<el-table :data="salaryTable" :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle" ref="showSummaryTable"
						style="width:100%; border:1px solid #d6cfe2;min-height:440px;max-height:440px;" row-key="id" size="mini" :row-class-name="tableRowClassName" height="calc(100% - 80px)"
						:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="salaryLoading" :summary-method="getSummaries" show-summary>
						<el-table-column label="日期" prop="salyear" show-overflow-tooltip fixed="left"></el-table-column>
						<el-table-column prop="username" label="姓名" width="80" show-overflow-tooltip  align="center" fixed="left"></el-table-column>
						<el-table-column label="基本信息" show-overflow-tooltip>
							<el-table-column prop="username" label="姓名" width="80" show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="username" label="姓名" width="80"  show-overflow-tooltip  align="center"></el-table-column>
							<el-table-column prop="idnumber.name" label="部门" show-overflow-tooltip  align="center"></el-table-column>
							<el-table-column prop="job" label="岗位" show-overflow-tooltip  align="center"></el-table-column>
							<el-table-column prop="companyname.name" label="服务公司"  width="160" show-overflow-tooltip  align="center"></el-table-column>
						</el-table-column>
						<el-table-column label="考勤 (天)" show-overflow-tooltip>
							<el-table-column prop="shouldattendanceday" label="应出勤" show-overflow-tooltip  align="center"></el-table-column>
							<el-table-column prop="traveldays" label="出差" show-overflow-tooltip  align="center"></el-table-column>
							<el-table-column prop="leavedays" label="请假" show-overflow-tooltip  align="center"></el-table-column>
							<el-table-column prop="realityattendanceday" label="实际出勤"  show-overflow-tooltip  align="center"></el-table-column>
						</el-table-column>
						<el-table-column label="固定工资 (元)">
							<el-table-column prop="basepay" label="基本工资" show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="postwage" label="岗位工资"  show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="meritpay" label="绩效工资"  show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="combinedbasic" label="基本合计"  show-overflow-tooltip align="center"></el-table-column>
						</el-table-column>
						<el-table-column label="福利待遇(元)">
							<el-table-column prop="senioritypay" label="工龄工资"  show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="mealallowance" label="餐费补助"  show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="trafficallowance" label="交通补助" w show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="commission" label="业务提成" show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="travelallowance" label="出差补助"  show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="attendancebonus" label="全勤奖" show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="overtime" label="加班费" show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="communicatesubsidy" label="通信补助" show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="othersupport" label="其他补助"  show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="totalwelfarebenefits" label="福利合计"  show-overflow-tooltip align="center"></el-table-column>
						</el-table-column>
						<el-table-column label="应发工资(元)"  prop="shouldsalary" width="100px" align="center" show-overflow-tooltip></el-table-column>
						<el-table-column label="扣减项目(元)" show-overflow-tooltip>
							<el-table-column prop="housingprovidentfund" label="公积金" show-overflow-tooltip align="center"></el-table-column>
							<el-table-column prop="party" label="党费" align="center" show-overflow-tooltip> </el-table-column>
							<el-table-column prop="basicoldagepension" label="基本养老" align="center" show-overflow-tooltip></el-table-column>
							<el-table-column prop="basicmedicalcare" label="基本医疗" align="center" show-overflow-tooltip></el-table-column>
							<el-table-column prop="unemploymentinsurance" label="失业保险" align="center" show-overflow-tooltip></el-table-column>		
							<el-table-column prop="individualincometax" label="所得税"  align="center" show-overflow-tooltip></el-table-column>
							<el-table-column prop="workInjury" label="工伤" align="center" show-overflow-tooltip></el-table-column>
							<el-table-column prop="lately" label="迟到" align="center" show-overflow-tooltip></el-table-column>
							<el-table-column prop="leaveearly" label="早退" align="center" show-overflow-tooltip></el-table-column>
							<el-table-column prop="absenteeism" label="旷工" align="center" show-overflow-tooltip></el-table-column>
							<el-table-column prop="otherdeductions" label="其他扣款" align="center" show-overflow-tooltip></el-table-column>
							<el-table-column prop="deductionscombined" label="扣款合计" align="center" show-overflow-tooltip></el-table-column>
						</el-table-column>
						<el-table-column label="企业保险 (元)">
                                <el-table-column prop="providentFund" label="企业公积金" width="100px" align="center" show-overflow-tooltip> </el-table-column>
                                <el-table-column prop="pension" label="企业养老" align="center" show-overflow-tooltip> </el-table-column>
                                <el-table-column prop="medical" label="企业医疗" align="center" show-overflow-tooltip ></el-table-column>
                                <el-table-column prop="unemployment" label="企业失业" align="center" show-overflow-tooltip></el-table-column>
                                <el-table-column prop="businessInjury" label="企业工伤" align="center" show-overflow-tooltip></el-table-column>
                                <el-table-column prop="otherFee" label="企业其他费用" align="center" width="110px" show-overflow-tooltip></el-table-column>
                                <el-table-column prop="totalFees" label="企业费用合计" align="center" width="110px" show-overflow-tooltip></el-table-column>
                            </el-table-column>
						<el-table-column label="实发工资(元)" width="100px" prop="netpayroll" show-overflow-tooltip  align="center"></el-table-column>
					</el-table>
					<el-pagination @size-change="salaryHandleSizeChange" @current-change="salaryHandleCurrentChange"
						:current-page.sync="salaryPageNo" :page-size="salaryPageSize"
						layout="total, prev, pager, next, jumper" :total="salaryTotal" style="margin: 1rem 0;">
					</el-pagination>
				</el-tab-pane>
				<!-- 体检信息 -->
				<el-tab-pane label="体检信息">
					<el-table :data="physicalExaminationTable" :cell-style="cellStyle" size="mini" :row-class-name="tableRowClassName" height="calc(100% - 80px)"
						:header-cell-class-name="cellHeadStyle" style="width:100%; border:1px solid #d6cfe2;min-height:380px" row-key="id"
						:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="physicalExaminationLoading">
						<el-table-column prop="user.name" label="姓名"  width="80" show-overflow-tooltip align="center" fixed="left"></el-table-column>
						<el-table-column prop="medicalarea" label="体检医院"  show-overflow-tooltip></el-table-column>
						<el-table-column prop="detailedaddress" label="体检地点"  show-overflow-tooltip></el-table-column>
						<el-table-column prop="medicaldate" label="体检日期" show-overflow-tooltip></el-table-column>
						<el-table-column prop="summary" label="汇总分析" show-overflow-tooltip></el-table-column>
						<el-table-column prop="medicaltype" label="体检类型" show-overflow-tooltip>
							<template slot-scope="scope">
								{{ $dictUtils.getDictLabel("medical_type", scope.row.medicaltype, '-') }}
							</template>
						</el-table-column>
						<el-table-column prop="medicalname" label="体检名称" show-overflow-tooltip></el-table-column>
						<el-table-column prop="level" label="医院等级" show-overflow-tooltip>
							<template slot-scope="scope">
								{{ $dictUtils.getDictLabel("hospital_type", scope.row.level, '-') }}
							</template>
						</el-table-column>
					</el-table>
					<el-pagination @size-change="physicalExaminationHandleSizeChange"
						@current-change="physicalExaminationHandleCurrentChange"
						:current-page.sync="physicalExaminationPageNo" :page-size="physicalExaminationPageSize"
						layout="total, prev, pager, next, jumper" :total="physicalExaminationTotal" style="margin: 1rem 0;">
					</el-pagination>
				</el-tab-pane>
				<!-- 社保信息 -->
				<el-tab-pane label="社保信息">
					<el-table :data="socialSecurityTable" :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle" class="table"
						style="width:100%; border:1px solid #d6cfe2;min-height:380px" row-key="id" size="small" :row-class-name="tableRowClassName" height="calc(100% - 80px)"
						v-loading="socialSecurityLoading">
						<el-table-column prop="user.name" label="姓名" show-overflow-tooltip  width="80" align="center" fixed="left">
						</el-table-column>
						<el-table-column prop="company.name" label="公司名称" width="260" show-overflow-tooltip></el-table-column>
						<el-table-column prop="paytime" label="缴费日期" show-overflow-tooltip></el-table-column>
						<el-table-column prop="pension" label="养老保险" show-overflow-tooltip></el-table-column>
						<el-table-column prop="medicalcare" label="医疗保险" show-overflow-tooltip></el-table-column>
						<el-table-column prop="unemployment" label="失业保险" show-overflow-tooltip></el-table-column>
						<el-table-column prop="birth" label="生育保险" show-overflow-tooltip></el-table-column>
						<el-table-column prop="workhurt" label="工伤保险" show-overflow-tooltip></el-table-column>
					</el-table>
					<el-pagination @size-change="socialSecurityHandleSizeChange"
						@current-change="socialSecurityHandleCurrentChange" :current-page.sync="socialSecurityPageNo"
						:page-size="socialSecurityPageSize" layout="total, prev, pager, next, jumper"
						:total="socialSecurityTotal" style="margin: 1rem 0;">
					</el-pagination>
				</el-tab-pane>
				<!-- 公积金信息 -->
				<el-tab-pane label="公积金信息">
					<el-table :data="reservedFundsTable" :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
						style="width:100%; border:1px solid #d6cfe2;min-height:380px" row-key="id" size="mini" :row-class-name="tableRowClassName" height="calc(100% - 80px)"
						:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="reservedFundsLoading">
						<el-table-column prop="userinformation.name" label="姓名" width="80" align="center" show-overflow-tooltip fixed="left"></el-table-column>
						<el-table-column prop="paytime" label="缴费日期" width="165" show-overflow-tooltip></el-table-column>
						<el-table-column prop="accountstatus" label="账户状态" width="135" show-overflow-tooltip>
							<template slot-scope="scope">
								{{ $dictUtils.getDictLabel("account_status", scope.row.accountstatus, '-') }}
							</template>
						</el-table-column>
						<el-table-column prop="phone" label="电话" width="110" show-overflow-tooltip></el-table-column>
						<el-table-column prop="companyname.name" label="单位名称" width="240" show-overflow-tooltip></el-table-column>
						<el-table-column prop="depositbase" label="缴存基数" width="135" show-overflow-tooltip></el-table-column>
						<el-table-column prop="companydepositratio" label="单位缴存比例" show-overflow-tooltip min-width="110"></el-table-column>
						<el-table-column prop="companymonthlydeposit" label="单位月缴存额" show-overflow-tooltip min-width="110"></el-table-column>
						<el-table-column prop="personaldepositratio" label="个人缴存比例" show-overflow-tooltip min-width="110"></el-table-column>
						<el-table-column prop="personalmonthlydeposit" label="个人月缴存额" show-overflow-tooltip min-width="110"></el-table-column>
						<el-table-column prop="accountbalance" label="账户余额" width="125" show-overflow-tooltip></el-table-column>
					</el-table>
					<el-pagination @size-change="reservedFundsHandleSizeChange"
						@current-change="reservedFundsHandleCurrentChange" :current-page.sync="reservedFundsPageNo"
						:page-size="reservedFundsPageSize" layout="total, prev, pager, next, jumper"
						:total="reservedFundsTotal" style="margin: 1rem 0;">
					</el-pagination>
				</el-tab-pane>
				<el-tab-pane label="待办任务">
				</el-tab-pane>
				<el-tab-pane label="已办事项">
				</el-tab-pane>
				<el-tab-pane label="我发起的">
				</el-tab-pane>
				<el-tab-pane label="抄送事项">
				</el-tab-pane>
				<!-- 差旅报销
				<el-tab-pane label="差旅报销">
					<el-table :data="travelTable" :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
						style="width:100%; border:1px solid #d6cfe2;" row-key="id"
						:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="travelLoading">
						<el-table-column prop="applyuser.name" label="姓名" show-overflow-tooltip></el-table-column>
						<el-table-column prop="company.name" label="公司" show-overflow-tooltip></el-table-column>
						<el-table-column prop="depart.name" label="部门" show-overflow-tooltip></el-table-column>
						<el-table-column prop="applydate" label="申请日期" show-overflow-tooltip></el-table-column>
						<el-table-column prop="startdate" label="开始日期" show-overflow-tooltip>
							<template slot-scope="scope">
                            	{{scope.row.startdate}} {{scope.row.starttime }}
                        	</template>
						</el-table-column>
						<el-table-column label="结束日期" prop="enddate" show-overflow-tooltip>
							<template slot-scope="scope">
                            	{{scope.row.enddate}} {{scope.row.endtime }}
                        	</template>
						</el-table-column>
						<el-table-column prop="traveldays" label="出差天数" show-overflow-tooltip></el-table-column>
						<el-table-column prop="totalmoney" label="报销总额" show-overflow-tooltip></el-table-column>
						<el-table-column prop="borrowmoney" label="借款总额" show-overflow-tooltip></el-table-column>
						<el-table-column prop="realmoney" label="实报金额" show-overflow-tooltip></el-table-column>
						<el-table-column prop="writeoffmoney" label="本次仲销金额" show-overflow-tooltip></el-table-column>
						<el-table-column prop="content" label="说明" show-overflow-tooltip></el-table-column>
					</el-table>
					<el-pagination @size-change="travelHandleSizeChange" @current-change="travelHandleCurrentChange"
						:current-page.sync="travelPageNo" :page-size="travelPageSize"
						layout="total, prev, pager, next, jumper" :total="travelTotal" style="margin: 1rem 0;">
					</el-pagination>
					差旅报销附表
					<el-row class="marginYTen">
						<el-col><span class="titleIcon"><i class="el-icon-menu"></i>报销内容：</span></el-col>
					</el-row>
					<el-row>
						<el-table :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
							style="width:100%; border:1px solid #d6cfe2;" :data="travelDetailsTable"
							:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
							:empty-text="travelEmpty_text" v-loading="travelDetailsLoading">
							<el-table-column prop="" label="报销日期" show-overflow-tooltip></el-table-column>
							<el-table-column prop="" label="报销类型" show-overflow-tooltip></el-table-column>
							<el-table-column prop="" label="费用说明" show-overflow-tooltip></el-table-column>
							<el-table-column prop="" label="票据张数" show-overflow-tooltip></el-table-column>
							<el-table-column prop="" label="报销金额" show-overflow-tooltip></el-table-column>
							<el-table-column prop="" label="实报金额" show-overflow-tooltip></el-table-column>
						</el-table>
					</el-row>
				</el-tab-pane>
				非差旅报销
				<el-tab-pane label="非差旅报销">
					<el-table :data="notTravelTable" :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
						style="width:100%; border:1px solid #d6cfe2;" row-key="id"
						:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="notTravelLoading">
						<el-table-column label="姓名" prop="applyuser.name" width="90" show-overflow-tooltip></el-table-column>
						<el-table-column label="公司" prop="company.name" width="220" show-overflow-tooltip></el-table-column>
						<el-table-column label="部门" prop="depart.name" width="130" show-overflow-tooltip></el-table-column>
						<el-table-column prop="applytime" label="申请日期" show-overflow-tooltip></el-table-column>
						<el-table-column prop="payway" label="付款方式" show-overflow-tooltip>
							<template slot-scope="scope">
								{{ $dictUtils.getDictLabel("payway", scope.row.payway, '-') }}
							</template>
						</el-table-column>
						<el-table-column prop="totalmoney" label="报销总额" show-overflow-tooltip></el-table-column>
						<el-table-column prop="borrowmoney" label="借款总额" show-overflow-tooltip></el-table-column>
						<el-table-column prop="realmoney" label="实报金额" show-overflow-tooltip></el-table-column>
						<el-table-column prop="writeoffmoney" label="本次仲销金额" show-overflow-tooltip></el-table-column>
						<el-table-column prop="content" label="说明" show-overflow-tooltip></el-table-column>
					</el-table>
					<el-pagination @size-change="notTravelHandleSizeChange" @current-change="notTravelHandleCurrentChange"
						:current-page.sync="notTravelPageNo" :page-size="notTravelPageSize"
						layout="total, prev, pager, next, jumper" :total="notTravelTotal" style="margin: 1rem 0;">
					</el-pagination>
					非差旅报销附表
					<el-row class="marginYTen">
						<el-col><span class="titleIcon"><i class="el-icon-menu"></i>报销内容：</span></el-col>
					</el-row>
					<el-row>
						<el-table :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
							style="width:100%; border:1px solid #d6cfe2;" :data="notTravelDetailsTable"
							:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
							:empty-text="travelEmpty_text">
							<el-table-column prop="" label="报销日期" show-overflow-tooltip></el-table-column>
							<el-table-column prop="" label="报销类型" show-overflow-tooltip></el-table-column>
							<el-table-column prop="" label="费用说明" show-overflow-tooltip></el-table-column>
							<el-table-column prop="" label="票据张数" show-overflow-tooltip></el-table-column>
							<el-table-column prop="" label="报销金额" show-overflow-tooltip></el-table-column>
							<el-table-column prop="" label="实报金额" show-overflow-tooltip></el-table-column>
						</el-table>
					</el-row>
				</el-tab-pane>
				请假信息
				<el-tab-pane label="请假信息">
					<el-table :data="askForLeaveTable" :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
						style="width:100%; border:1px solid #d6cfe2;" row-key="id"
						:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="askForLeaveLoading">
						<el-table-column label="姓名" prop="applyuser.name" width="180" show-overflow-tooltip></el-table-column>
						<el-table-column label="公司" prop="company.name" width="200" show-overflow-tooltip></el-table-column>
						<el-table-column label="部门" prop="depart.name" width="220" show-overflow-tooltip></el-table-column>
						<el-table-column label="开始时间" prop="startdate" show-overflow-tooltip>
							<template slot-scope="scope">
                            	{{scope.row.startdate}} {{scope.row.starttime }}
                        	</template>
						</el-table-column>
						<el-table-column label="结束时间" prop="enddate" show-overflow-tooltip>
							<template slot-scope="scope">
                            	{{scope.row.enddate}} {{scope.row.endtime }}
                        	</template>
						</el-table-column>
						<el-table-column label="时长" prop="longtime" width="170" show-overflow-tooltip></el-table-column>
						<el-table-column label="请假事由" prop="content" width="200" show-overflow-tooltip></el-table-column>
					</el-table>
					<el-pagination @size-change="askForLeaveHandleSizeChange"
						@current-change="askForLeaveHandleCurrentChange" :current-page.sync="askForLeavePageNo"
						:page-size="askForLeavePageSize" layout="total, prev, pager, next, jumper" :total="askForLeaveTotal"
						style="margin: 1rem 0;">
					</el-pagination>
				</el-tab-pane>
				调休信息
				<el-tab-pane label="调休信息">
					<el-table :data="workingDaysOffTable" :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
						style="width:100%; border:1px solid #d6cfe2;" row-key="id"
						:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="workingDaysOffLoading">
						<el-table-column label="姓名" prop="applyuser.name" width="180" show-overflow-tooltip></el-table-column>
						<el-table-column label="公司" prop="company.name" width="220" show-overflow-tooltip></el-table-column>
						<el-table-column label="部门" prop="depart.name" width="200" show-overflow-tooltip></el-table-column>
						<el-table-column label="开始时间" prop="startdate" show-overflow-tooltip>
							<template slot-scope="scope">
                            	{{scope.row.startdate}} {{scope.row.starttime }}
                        	</template>
						</el-table-column>
						<el-table-column label="结束时间" prop="enddate" show-overflow-tooltip>
							<template slot-scope="scope">
                            	{{scope.row.enddate}} {{scope.row.endtime }}
                        	</template>
						</el-table-column>
						<el-table-column label="时长" prop="longtime" width="170" show-overflow-tooltip></el-table-column>
						<el-table-column label="可调休时长" prop="allowlongtime" width="200" show-overflow-tooltip></el-table-column>
						<el-table-column label="调休事由" prop="content" width="200" show-overflow-tooltip></el-table-column>
					</el-table>
					<el-pagination @size-change="workingDaysOffHandleSizeChange"
						@current-change="workingDaysOffHandleCurrentChange" :current-page.sync="workingDaysOffPageNo"
						:page-size="workingDaysOffPageSize" layout="total, prev, pager, next, jumper"
						:total="workingDaysOffTotal" style="margin: 1rem 0;">
					</el-pagination>
				</el-tab-pane>
				外出信息
				<el-tab-pane label="外出信息">
					<el-table :data="goOutTable" :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
						style="width:100%; border:1px solid #d6cfe2;" row-key="id"
						:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="goOutLoading">
						<el-table-column label="姓名" prop="applyuser.name" width="180" show-overflow-tooltip></el-table-column>
						<el-table-column label="公司" prop="company.name" width="220" show-overflow-tooltip></el-table-column>
						<el-table-column label="部门" prop="depart.name" width="200" show-overflow-tooltip></el-table-column>
						<el-table-column label="开始时间" prop="startdate" show-overflow-tooltip>
							<template slot-scope="scope">
                            	{{scope.row.startdate}} {{scope.row.starttime }}
                        	</template>
						</el-table-column>
						<el-table-column label="结束时间" prop="enddate" show-overflow-tooltip>
							<template slot-scope="scope">
                            	{{scope.row.enddate}} {{scope.row.endtime }}
                        	</template>
						</el-table-column>
						<el-table-column label="时长" prop="longtime" width="170" show-overflow-tooltip></el-table-column>
						<el-table-column label="外出事由" prop="content" width="200" show-overflow-tooltip></el-table-column>
					</el-table>
					<el-pagination @size-change="goOutHandleSizeChange" @current-change="goOutHandleCurrentChange"
						:current-page.sync="goOutPageNo" :page-size="goOutPageSize"
						layout="total, prev, pager, next, jumper" :total="goOutTotal" style="margin: 1rem 0;">
					</el-pagination>
				</el-tab-pane>
				出差信息
				<el-tab-pane label="出差信息">
					<el-table :data="onBusinessTable" :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
						style="width:100%; border:1px solid #d6cfe2;" row-key="id"
						:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="loading">
						<el-table-column label="姓名" prop="" width="180" show-overflow-tooltip></el-table-column>
						<el-table-column label="公司" prop="" width="220" show-overflow-tooltip></el-table-column>
						<el-table-column label="部门" prop="" width="200" show-overflow-tooltip></el-table-column>
						<el-table-column label="开始时间" prop="" show-overflow-tooltip>
						</el-table-column>
						<el-table-column label="结束时间" prop="" show-overflow-tooltip>
						</el-table-column>
						<el-table-column label="时长" prop="" width="170" show-overflow-tooltip></el-table-column>
						<el-table-column label="出差事由" prop="" width="200" show-overflow-tooltip></el-table-column>
						<el-table-column label="审批状态" prop="" width="200" show-overflow-tooltip></el-table-column>
					</el-table>
					<el-pagination @size-change="onBusinessHandleSizeChange" @current-change="onBusinessHandleCurrentChange"
						:current-page.sync="onBusinessPageNo" :page-size="onBusinessPageSize"
						layout="total, prev, pager, next, jumper" :total="onBusinessTotal" style="margin: 1rem 0;">
					</el-pagination>
				</el-tab-pane>
				加班信息
				<el-tab-pane label="加班信息">
					<el-table :data="overtimeTable" :cell-style="cellStyle" :header-cell-class-name="cellHeadStyle"
						style="width:100%; border:1px solid #d6cfe2;" row-key="id"
						:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="overtimeLoading">
						<el-table-column label="姓名" prop="applyuser.name" width="180" show-overflow-tooltip></el-table-column>
						<el-table-column label="公司" prop="company.name" width="220" show-overflow-tooltip></el-table-column>
						<el-table-column label="部门" prop="depart.name" width="200" show-overflow-tooltip></el-table-column>
						<el-table-column label="开始时间" prop="startdate" show-overflow-tooltip>
							<template slot-scope="scope">
                            	{{scope.row.startdate}} {{scope.row.starttime }}
                        	</template>
						</el-table-column>
						<el-table-column label="结束时间" prop="enddate" show-overflow-tooltip>
							<template slot-scope="scope">
                            	{{scope.row.enddate}} {{scope.row.endtime }}
                        	</template>
						</el-table-column>
						<el-table-column label="时长" prop="longtime" width="170" show-overflow-tooltip></el-table-column>
						<el-table-column label="加班事由" prop="content" width="200" show-overflow-tooltip></el-table-column>
					</el-table>
					<el-pagination @size-change="overtimeHandleSizeChange" @current-change="overtimeHandleCurrentChange"
						:current-page.sync="overtimePageNo" :page-size="overtimePageSize"
						layout="total, prev, pager, next, jumper" :total="overtimeTotal" style="margin: 1rem 0;">
					</el-pagination>
				</el-tab-pane> -->
			</el-tabs>
			<!-- 可修改的资料 -->
			<el-dialog width="40%" :visible.sync="personDialog" title="可修改的信息" class="changePersonInfo">
				<el-form ref="personChangeInfo" :model="personChangeInfo">
					<el-row>
						<el-col  :span="12">
							<el-form-item  size="small" label="姓名:" :label-width="formLabelWidthChange" prop="name" :rules="[{ required: true, message: '请输入姓名(暂不支持数字和符号)', trigger: 'blur',pattern:/^[A-Za-z\u4e00-\u9fa5]*$/ }]">
								<el-input v-model="personChangeInfo.name" maxlength="9"></el-input>
							</el-form-item>
						</el-col>
						<el-col  :span="12">
							<el-form-item  size="small" label="电话:" :label-width="formLabelWidthChange" prop="phone" :rules="[{ required: true, message: '请输入电话或者手机号', trigger: 'blur',pattern:/(^(\d{3}|\d{4})\-\d{6,}$)|(^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$)/ }]">
								<el-input v-model="personChangeInfo.phone" maxlength="13"></el-input>
							</el-form-item>
						</el-col>					
					</el-row>
					<el-row>
						<el-col  :span="12">
								<el-form-item  size="small" label="邮箱:" :label-width="formLabelWidthChange" prop="email" :rules="[{ required: true, message: '请输入邮箱(大概由.-_,数字,字母,@组成)', trigger: 'blur',pattern: /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/ }]">
									<el-input v-model="personChangeInfo.email" ></el-input>
								</el-form-item>
						</el-col>
						<el-col  :span="12">
							<el-form-item  size="small" label="现住址:" :label-width="formLabelWidthChange" prop="currentaddress" :rules="[{ required: true, message: '请填写现住址', trigger: 'blur'}]">
								<el-input v-model="personChangeInfo.currentaddress" ></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item  size="small" label="紧急联系人:" :label-width="formLabelWidthChange" prop="emergcypeople"  :rules="[{ required: true, message: '请输入紧急联系人姓名(暂不支持数字和符号)', trigger: 'blur',pattern:/^[A-Za-z\u4e00-\u9fa5]*$/ }]">
								<el-input v-model="personChangeInfo.emergcypeople" maxlength="9"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item  size="small" label="紧急联系人电话:" :label-width="formLabelWidthChange" prop="emergcyphone" :rules="[{ required: true, message: '请输入紧急联系人电话或者手机号', trigger: 'blur',pattern:/(^(\d{3}|\d{4})\-\d{6,}$)|(^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$)/ }]">
								<el-input v-model="personChangeInfo.emergcyphone" maxlength="13"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="12">
							<el-form-item  size="small" label="与紧急联系人关系:" :label-width="formLabelWidthChange" prop="shipwithemergcy" :rules="[{ required: true, message: '请填写与紧急联系人关系', trigger: 'blur',pattern:/^[A-Za-z\u4e00-\u9fa5]*$/ }]">
								<el-input v-model="personChangeInfo.shipwithemergcy" maxlength="9"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
				</el-form>
				<div slot="footer" class="dialog-footer">
					<el-button @click="personChangeInfoChoose()" size="small">关闭</el-button>
					<el-button type="primary" @click="confirmPersonChangeInfo()" size="small">确 定</el-button>
				</div>
			</el-dialog>
			<!-- 修改密码 -->
			<!-- <el-dialog width="30%" :visible.sync="passwordDialog" title="修改密码" class="passwordChange">
				<el-form ref="passwordInfo" :model="passwordInfo">
					<el-row>
						<el-form-item  size="small" label="旧密码" :label-width="formLabelWidthChange" prop="oldPassword"  :rules="[{ required: true, message: '请输入旧密码(由不少于五位的数字，字母组成)', trigger: 'blur',pattern:/^[A-Za-z0-9]{5}[A-Za-z0-9]*$/ }]">
							<el-input v-model="passwordInfo.oldPassword" maxlength="15" type="password"  minlength="5"></el-input>
						</el-form-item>
					</el-row>
					<el-row>
						<el-form-item  size="small" label="新密码" :label-width="formLabelWidthChange" prop="newPassword" :rules="[{ required: true, message: '请输入新密码(由不少于五位的数字，字母组成)', trigger: 'blur',pattern:/^[A-Za-z0-9]{5}[A-Za-z0-9]*$/ }]">
							<el-input v-model="passwordInfo.newPassword" maxlength="15"  type="password"  minlength="5"></el-input>
						</el-form-item>
					</el-row>
					<el-row>
						<el-form-item  size="small" label="确认新密码" :label-width="formLabelWidthChange" prop="againNewPassword" :rules="[{ required: true, message: '请再次输入新密码(由不少于五位的数字，字母组成)', trigger: 'blur',pattern:/^[A-Za-z0-9]{5}[A-Za-z0-9]*$/ }]">
							<el-input v-model="passwordInfo.againNewPassword" maxlength="15" type="password" minlength="5"></el-input>
						</el-form-item>
					</el-row>
				</el-form>
				<div slot="footer" class="dialog-footer">
					<el-button @click="passwordInfoChoose()">关闭</el-button>
					<el-button type="primary" @click="confirmPasswordInfo()">确 定</el-button>
				</div>
			</el-dialog> -->
			<!-- 弹窗, 新增 / 修改 -->
		<UserContractUserForm ref="userContractUserForm"></UserContractUserForm>
	</div>
</template>
<script>
import tableStyles from '../../../../utils/mixins.js'
import zhaohangTest from '../zhaohangTest/zhaohangTest.vue'
import invoice from '../../zhaohang/invoice/web/userticket/SysUserTicketList.vue'
import UserContractUserForm from '../.././sys/usercontractuser/UserContractUserForm'
  	export default {
    	mixins: [tableStyles],
		data() {
			return {
				loading: "", //所有表格懒加载
				topClickNum: "0", //顶部tab选项卡
				invoiceTags:"invoiceManagement",//发票管理选项卡
				//个人信息
				formLabelWidth: "100px", //form表单label宽度

				formLabelWidthChange: "130px", //修改资料form表单label宽度
				personInfo: {
					name:'',
					sex:'',
					phone:'',
					idCard:'',
					company:{name:''},
					office:{name:''},
					post:{name:''},
					datebirth:'',
					nativeplace:'',
					nation:'',
					email:'',
					higesteducationschool:'',
					higesteducation:'',
					higesteducationmajor:'',
					interest:'',
					politicaloutlook:'',
					photo:'',
					drivinglicense:'',
					bankaccount:'',
					banknumber:'',
					bankofdeposit:'',
					residence:'',
					currentaddress:'',
					staffstatus:'',
					workingyears:'',
					emergcypeople:'',
					emergcyphone:''
				}, //个人信息数据对象
				personChangeInfo:{
					name:'',
					phone:'',
					email:'',
					emergcypeople:'',
					emergcyphone:'',
					shipwithemergcy:'',
					currentaddress :''
				},//修改资料数据对象
				personDialog:false,//修改资料弹出页面
				userId:'',//用户id
				// passwordInfo:{
				// 	oldPassword:'',
				// 	newPassword:'',
				// 	againNewPassword:''
				// },//修改密码数据对象
				// passwordDialog:false,//修改密码弹出页面
				fullMemberTable: [], //转正数据数组
				fullMemberLoading:'',
				JobMobilityTable: [], //调岗数据数组
				JobMobilityLoading:'',
				familyTable: [], //家庭情况数据数组
				familyLoading:'',
				workExpTable: [], //工作经历数据数组
				workExpLoading:'',
				eduactionTable: [], //教育经历数据数组
				eduactionLoading:'',
				certificateBanner:[], //资质证书
				//借款信息
				borrowMoneyTable:[],//借款数组
				borrowMoneyPageNo: 1,
				borrowMoneyPageSize:10,
				borrowMoneyTotal: 0,
				borrowMoneyLoading:'',
				searchFormBorrow:{
					loandate:'',
 					repaydate: '',
  					ispay: '',
				},
				dialogVisible:false,//冲销弹框
				companyId:'',//当前登录用户公司id
				payId:'',//借款信息id
				payMoney:'',//借款金额
				//劳动合同
				workContractTable:[],//合同数组
				workContractPageNo: 1,
				workContractPageSize:10,
				workContractTotal: 0,
				workContractLoading:'',
				userissure:'',//在职状态，用户判断确认线下是否禁用
				//考勤数据数组
				CheckingInDate:'',//考勤日期
				attendancRecordTable: [],
				attendancRecordLoading:'',
				attendancRecordDetailsTable: [], //考勤明细数据数组
				attendancRecordDetailsLoading:'',
				attendancRecordFlowTable: [], //考勤流程数据数组
				attendancRecordFlowLoading:'',
				day: "",//考勤日
				attendancRecordEmpty_text: '点击上述日历查看每天的考勤情况', //考勤附表初始为空提示内容
				//工资数据数组和页码，总条数
				salaryTable: [],
				salaryPageNo: 1,
				salaryPageSize: 12,
				salaryTotal: 0,
				salaryLoading:'',
				salaryInfoSearchTiem:'', //工资表传值的搜索
				salaryInfoSearchTiem1:'', //工资表的搜索展示
				//体检数据数组和页码，总条数
				physicalExaminationTable: [],
				physicalExaminationPageNo: 1,
				physicalExaminationPageSize:10,
				physicalExaminationTotal: 0,
				physicalExaminationLoading:'',
				//社保数据数组和页码，总条数
				socialSecurityTable: [],
				socialSecurityPageNo: 1,
				socialSecurityPageSize: 10,
				socialSecurityTotal: 0,
				socialSecurityLoading:'',
				//公积金数据数组和页码，总条数
				reservedFundsTable: [],
				reservedFundsPageNo: 1,
				reservedFundsPageSize: 10,
				reservedFundsTotal: 0,
				reservedFundsLoading:'',
				//差旅数据数组和页码，总条数
				travelTable: [],
				travelPageNo: 1,
				travelPageSize: 6,
				travelTotal: 0,
				travelLoading:'',
				travelDetailsTable: [], //差旅报销附表数据数组
				travelDetailsLoading:'',
				travelEmpty_text: '点击上述当前行查看当前行报销内容', //差旅，非差旅附表为空提示内容
				//非差旅数据数组和页码，总条数
				notTravelTable: [],
				notTravelPageNo: 1,
				notTravelPageSize: 6,
				notTravelTotal: 0,
				notTravelLoading:'',
				notTravelDetailsTable: [], //非差旅报销附表数据数组
				//请假数据数组和页码，总条数
				askForLeaveTable: [],
				askForLeavePageNo: 1,
				askForLeavePageSize: 6,
				askForLeaveTotal: 0,
				askForLeaveLoading:'',
				//调休数据数组和页码，总条数
				workingDaysOffTable: [],
				workingDaysOffPageNo: 1,
				workingDaysOffPageSize: 6,
				workingDaysOffTotal: 0,
				workingDaysOffLoading:'',
				//外出数据数组和页码，总条数
				goOutTable: [],
				goOutPageNo: 1,
				goOutPageSize: 6,
				goOutTotal: 0,
				goOutLoading:'',
				//出差数据数组和页码，总条数
				onBusinessTable: [],
				onBusinessPageNo: 1,
				onBusinessPageSize: 6,
				onBusinessTotal: 0,
				onBusinessLoading:'',
				// 加班数据数组和页码，总条数
				overtimeTable: [],
				overtimePageNo: 1,
				overtimePageSize: 6,
				overtimeTotal: 0,
				overtimeLoading:'',
			};
		},
		activated() {
			this.getPersonalInfo();//个人信息部分
			this.getInfoJobOrRegular();//个人信息部分
			this.getCurrentDate();//当前日期
		},
		updated() {	
			this.$nextTick(() => {
				this.$refs['showSummaryTable'].doLayout();
			})  
		},	
		created(){
			window.addEventListener("beforeunload",()=>{
				sessionStorage.setItem("userInfo",JSON.stringify(this.$store.state.user))
			})
		},	
		components: {
			UserContractUserForm,
			zhaohangTest,
			invoice
		},
		methods: {
			//顶部tab选项卡
			handleClick() {
				switch (this.topClickNum) {
					case "0":
						this.getPersonalInfo()
						this.getInfoJobOrRegular()
						break;
					case "1":
						this.getBorrowMoney()
						break;
					case "2":
						this.getWorkContract()
						break;
					case "3":
						// this.getWorkContract()
						break;
					case "4":
						this.getCheckingIn()
						break;
					case "5":
						this.getSalary()
						break;
					case "6":
						this.getPhysicalExamination()
						break;
					case "7":
						this.getSocialSecurity()
					break;
					case "8":
						this.getReservedFund()
					break;
					case "9":
						this.goToRouter('/flowable/task/TodoList','TodoList')
					break;
					case "10":
						this.goToRouter('/flowable/task/HistoryList','HistoryList')
					break;
					case "11":
						this.goToRouter('/flowable/task/ApplyList','ApplyList')
					break;
					case "12":	
						this.goToRouter('/flowable/extension/FlowCopyList','FlowCopyList')
					break;
					// case "6":
					// 	this.getTravel()
					// 	break;
					// case "7":
					// 	this.getNotTravel()
					// 	break;
					// case "8":
					// 	this.getAskForLeave()
					// 	break;
					// case "9":
					// 	this.getWorkingDaysOff()
					// 	break;
					// case "10":
					// 	this.getGoOut()
					// 	break;
					// case "11":
					// 	this.getOnBusiness()
					// 	break;
					// case "12":
					// 	this.getOvertime()
					// 	break;
				}
			},
			//发票管理选项卡
			handleClickInvoices(){
				switch(this.invoiceTags){
					
				}
			},

			//个人基本信息 ，教育经历，工作经历，家庭情况
			getPersonalInfo(){
				this.familyLoading=true;
				this.workExpLoading=true;
				this.eduactionLoading=true;
				this.$http({
					url: '/sys/web/UserCenter/findSysUser',
					method: 'get',
				}).then(({data}) => {
					if (data) {
						// console.log(data)
						this.personInfo=data.user;
						this.workExpTable=data.user.userWorkEnterpriseList;//工作经历
						this.workExpLoading=false;
						this.eduactionTable=data.user.educationExperienceList;//教育经历
						this.eduactionLoading=false;
						this.familyTable=data.user.familySituationList;//家庭情况
						this.familyLoading=false;
						this.userId=data.user.id;//用户id
						//性别字典
                        if(this.personInfo.sex==0){
                            this.personInfo.sex='男'
                        }else if(this.personInfo.sex==1){
                            this.personInfo.sex='女'
                        }

						 //学历字典
                        if(this.personInfo.higesteducation==1){
                            this.personInfo.higesteducation='中专'
                        }else if(this.personInfo.higesteducation==2){
                            this.personInfo.higesteducation='大专'
                        }else if(this.personInfo.higesteducation==3){
                            this.personInfo.higesteducation='高中'
                        }else if(this.personInfo.higesteducation==4){
                            this.personInfo.higesteducation='本科'
                        }else if(this.personInfo.higesteducation==5){
                            this.personInfo.higesteducation='硕士'
                        }else if(this.personInfo.higesteducation==6){
                            this.personInfo.higesteducation='博士'
                        }else if (this.essential.higesteducation == 7) {
							this.personInfo.higesteducation = "初中";
						}

						//政治面貌字典
                        if(this.personInfo.politicaloutlook==0){
                            this.personInfo.politicaloutlook='中共党员'
                        }else if(this.personInfo.politicaloutlook==1){
                            this.personInfo.politicaloutlook='中共预备党员'
                        }else if(this.personInfo.politicaloutlook==2){
                            this.personInfo.politicaloutlook='共青团员'
                        }else if(this.personInfo.politicaloutlook==3){
                            this.personInfo.politicaloutlook='民革党员'
                        }else if(this.personInfo.politicaloutlook==4){
                            this.personInfo.politicaloutlook='民盟盟员'
                        }else if(this.personInfo.politicaloutlook==5){
                            this.personInfo.politicaloutlook='民建会员'
                        }else if(this.personInfo.politicaloutlook==6){
                            this.personInfo.politicaloutlook='民进会员'
                        }else if(this.personInfo.politicaloutlook==7){
                            this.personInfo.politicaloutlook='农工党党员'
                        }else if(this.personInfo.politicaloutlook==8){
                            this.personInfo.politicaloutlook='致公党党员'
                        }else if(this.personInfo.politicaloutlook==9){
                            this.personInfo.politicaloutlook='九三学社社员'
                        }else if(this.personInfo.politicaloutlook==10){
                            this.personInfo.politicaloutlook='台盟盟员'
                        }else if(this.personInfo.politicaloutlook==11){
                            this.personInfo.politicaloutlook='无党派人士'
                        }else if(this.personInfo.politicaloutlook==12){
                            this.personInfo.politicaloutlook='群众'
                        }


						//驾照字典
						if(this.personInfo.drivinglicense==''){
                            this.personInfo.drivinglicense=' '
                        }else if(this.personInfo.drivinglicense==1){
                            this.personInfo.drivinglicense='A2'
                        }else if(this.personInfo.drivinglicense==10){
                            this.personInfo.drivinglicense='D'
                        }else if(this.personInfo.drivinglicense==11){
                            this.personInfo.drivinglicense='E'
                        }else if(this.personInfo.drivinglicense==12){
                            this.personInfo.drivinglicense='F'
                        }else if(this.personInfo.drivinglicense==13){
                            this.personInfo.drivinglicense='M'
                        }else if(this.personInfo.drivinglicense==14){
                            this.personInfo.drivinglicense='N'
                        }else if(this.personInfo.drivinglicense==15){
                            this.personInfo.drivinglicense='P'
                        }else if(this.personInfo.drivinglicense==2){
                            this.personInfo.drivinglicense='A3'
                        }else if(this.personInfo.drivinglicense==3){
                            this.personInfo.drivinglicense='B1'
                        }else if(this.personInfo.drivinglicense==4){
                            this.personInfo.drivinglicense='B2'
                        }else if(this.personInfo.drivinglicense==5){
                            this.personInfo.drivinglicense='C1'
                        }else if(this.personInfo.drivinglicense==6){
                            this.personInfo.drivinglicense='C2'
                        }else if(this.personInfo.drivinglicense==7){
                            this.personInfo.drivinglicense='C3'
                        }else if(this.personInfo.drivinglicense==8){
                            this.personInfo.drivinglicense='C4'
                        }else if(this.personInfo.drivinglicense==9){
                            this.personInfo.drivinglicense='C5'
                        }else if(this.personInfo.drivinglicense==0){
                            this.personInfo.drivinglicense='A1'
                        }

						//工作类型字典
                        if(this.personInfo.staffstatus==0){
                            this.personInfo.staffstatus='全职'
                        }else if(this.personInfo.staffstatus==1){
                            this.personInfo.staffstatus='兼职'
                        }else if(this.personInfo.staffstatus==2){
                            this.personInfo.staffstatus='实习'
                        } else if(this.personInfo.staffstatus==3){
                            this.personInfo.staffstatus='试用'
                        }else if(this.personInfo.staffstatus==4){
                            this.personInfo.staffstatus='小时工'
                        }else if(this.personInfo.staffstatus==5){
                            this.personInfo.staffstatus='钟点工'
                        }
					}
				})
			},
			//教育经历模块学历字典
			education(row,column){
				if(row.academicdegree==1){
					return "中专";
				}else if(row.academicdegree==2){
					return "大专";
				}else if(row.academicdegree==3){
					return "高中";
				}else if(row.academicdegree==4){
					return "本科";
				}else if(row.academicdegree==5){
					return "硕士";
				}else if(row.academicdegree==6){
					return "博士";
				}else if(row.academicdegree==7){
					return "初中";
				}

			},
			//查询个人信息的转正信息和调岗记录
			getInfoJobOrRegular(){
				this.fullMemberLoading=true;
				this.JobMobilityLoading=true;
					this.$http({
						url: '/sys/web/UserCenter/findUserContract',
						method: 'get',
					}).then(({data}) => {
						console.log(data,'资质')
						if (data) {
							this.fullMemberTable=data.contractUsers;
							this.JobMobilityTable=data.transferlist;
							this.certificateBanner = data.certificationList				
						}
							this.fullMemberLoading=false;	
							this.JobMobilityLoading=false;	
					})
			},
			//修改资料点击事件
			userInfoChangeBtn(){
				this.personDialog=true;
				this.personChangeInfo.name=this.personInfo.name;
				this.personChangeInfo.phone=this.personInfo.phone;
				this.personChangeInfo.email=this.personInfo.email
				this.personChangeInfo.emergcypeople=this.personInfo.emergcypeople
				this.personChangeInfo.emergcyphone=this.personInfo.emergcyphone
				this.personChangeInfo.shipwithemergcy=this.personInfo.shipwithemergcy;
				this.personChangeInfo.currentaddress=this.personInfo.currentaddress
			},
			//可修改资料页面的取消按钮
			personChangeInfoChoose(){
				this.personDialog=false;
            	this.$refs.personChangeInfo.resetFields();
			},
			//可修改资料页面的确定按钮
			confirmPersonChangeInfo(){
				this.$refs['personChangeInfo'].validate((valid) => {
					if(valid){
						this.$http({
						url: '/sys/user/saveInfo',
						method: 'post',
						params:{//一定要设置name，才可以传params
							name:this.personChangeInfo.name,
							phone:this.personChangeInfo.phone,
							email:this.personChangeInfo.email,
							emergcypeople:this.personChangeInfo.emergcypeople,
							emergcyphone:this.personChangeInfo.emergcyphone,
							shipwithemergcy:this.personChangeInfo.shipwithemergcy,
							currentaddress:this.personChangeInfo.currentaddress,
							id:this.userId,					
							}
						}).then(({data}) => {
							if (data) {
								this.personDialog=false;
								this.$message({
									message: data.msg,
									type: "success"
								});
								this.getPersonalInfo();
							}
						})
					}				
        		})			
			},
			//修改头像
			handleAvatarSuccess (res, file) {
				this.personInfo.photo = res.path
				this.$message.success(res.msg)
				this.$store.commit('user/updatePhoto', res.path)
				// console.log(322222222)
			},

			beforeAvatarUpload (file) {
				const isJPG = file.type.indexOf('image/') >= 0
				const isLt2M = file.size / 1024 / 1024 < 5

				if (!isJPG) {
				this.$message.error('上传头像只能是图片格式!')
				return false
				}
				if (!isLt2M) {
				this.$message.error('上传头像图片大小不能超过 2MB!')
				return false
				}
				return true
     		},
			//修改密码页面的取消按钮
			// passwordInfoChoose(){
			// 	this.passwordDialog=false;
            // 	this.$refs.passwordInfo.resetFields();
			// },
			//修改密码页面的确认按钮
			// confirmPasswordInfo(){
			// 	if(this.passwordInfo.newPassword!=this.passwordInfo.againNewPassword){
			// 		this.$message({
			// 			message: '两次密码不一致,请重新输入',
			// 			type: "warning"
			// 		});
			// 		return false
			// 	}
			// 	this.$http({
			// 		url: '/sys/user/savePwd',
			// 		method: 'post',
			// 		params:{//一定要设置name，才可以传params
			// 			oldPassword:this.passwordInfo.oldPassword,
			// 			newPassword:this.passwordInfo.newPassword
			// 		}
			// 	}).then(({data}) => {
			// 		if (data && data.success) {
			// 			this.passwordDialog=false;
			// 			this.$message({
			// 				message: data.msg+'请重新登录',
			// 				type: "success"
			// 			});
			// 		}
			// 	})
			// },



			//合同
			//合同查询
			getWorkContract(){
				this.workContractLoading=true;
				this.$http({
					url: '/sys/usercontractuser/userContractUser/list',
					method: 'get',
					params:{//一定要设置name，才可以传params
						pageNo:this.workContractPageNo,
						pageSize:this.workContractPageSize,
						user:this.userId
					}
				}).then(({data}) => {
					if (data) {
						this.workContractTable=data.page.list;
						this.workContractLoading=false;
						if(this.workContractTable.length==0){
							this.workContractTotal=0;
						}else{
							this.workContractTotal=data.page.count;
						}				
					}
				})
			},
			//合同分页
			workContractHandleSizeChange(val) {
				this.sworkContractPageSize= val;
            	this.workContractPageNo = 1;
				this.getSalary();
			},
			workContractHandleCurrentChange(val) {
				this.workContractPageNo = val;
            	this.getWorkContract();
			},
			// 查看
			view(id) {
				this.$refs.userContractUserForm.init('view', id)
			},
			// 修改
			confirmOffline(row) {
				// this.$refs.userContractUserForm.init('edit', id)
				this.$http({
					url: `/sys/usercontractuser/userContractUser/save`,
					method: 'post',
					data: row
				}).then(({data}) => {
					if (data) {
						this.$message.success('确认成功')
						this.getWorkContract()
					}
				})
			},


			//借款信息
			//借款分页
			borrowMoneyHandleSizeChange(val){
				this.borrowMoneyPageSize= val;
            	this.borrowMoneyPageNo = 1;
				this.getBorrowMoney();
			},
			borrowMoneyHandleCurrentChange(val){
				this.borrowMoneyPageNo = val;
            	this.getBorrowMoney();
			},
			getBorrowMoney(){
				this.borrowMoneyLoading=true;
				this.$http({
					url: '/rf/receive/getPersonBorrow',
					method: 'get',
					params:{//一定要设置name，才可以传params
						pageNo:this.borrowMoneyPageNo,
						pageSize:this.borrowMoneyPageSize,
						userid:this.userId,
						...this.searchFormBorrow
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.borrowMoneyTable=data.page.list;
						this.borrowMoneyTotal=data.page.count;	
						this.borrowMoneyLoading=false;
					}
				});
			},
			ispay(row,column){
				if(row.ispay==0){
					return "是";
				}else if (row.ispay== 1) {
					return "否";
				}
			},
			//借款搜索重置
			resetSearchBorrow () {
				this.$refs.searchFormBorrow.resetFields()
				this.getBorrowMoney();
			},
			//冲销按钮
			charge(val){
				this.dialogVisible=true;
				this.payId=val.id;//借款信息id
				this.payMoney=val.loanamount;//借款金额
			},
			//冲销操作
			flowableRouter(type,personCode){
				// console.log(this.payId)
				if(this.$store.state.user.id!=''){
					var users=this.$store.state.user
				}else{
					var users=JSON.parse(sessionStorage.getItem("userInfo"));
				} 
				this.companyId=users.company.id;
				this.$http({
					url: '/flowable/model/findProcessByCompany',
					method: 'get',
					params:{
						'companyId':this.companyId,
						'type':type
					}
				}).then(({data}) => {
					if (data && data.success) {
					// console.log(data,'1')
						var processName=data.model.name;
						var procDefId=data.model.id;
						var procDefKey=data.model.key;
						let tabTitle = '发起流程【'+processName+'】';
						let processTitle = `${users.name} 在 ${this.moment(new Date()).format('YYYY-MM-DD HH:mm')} 发起了 [`+processName+']';
						this.$http({
							url:'/flowable/task/getTaskDef',
							method:'get',
							params:{
								procDefId: procDefId,
								status: 'start' 
							}
						}).then(({data}) => {
							if (data.success) {
								if(processName=='差旅报销' || processName=='非差旅报销'){
									this.dialogVisible=false;
								}//关闭弹出页面
								this.$router.push({
								path: '/flowable/task/TaskForm',
								query: {procDefId: procDefId,payId:this.payId,payMoney:this.payMoney, procDefKey:procDefKey, status: 'start', title: tabTitle, formType: data.flow.formType, formUrl: data.flow.formUrl, formTitle: processTitle}
								})
							}
						})
					}
				})      
				},


			//考勤
			//当前日期
			getCurrentDate(){
				var date = new Date()
				var y = date.getFullYear()
				var m = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1)
				this.CheckingInDate= y + '-' + m;
        	},
        	// 处理选择的时间
        	getSTime(val){
  				if (val == null) {
				  	this.salaryInfoSearchTiem=''
  				}else{
        	    	var SearchTiem=val.getFullYear()
				  	this.salaryInfoSearchTiem=SearchTiem
				}
					this.getSalary()
        	},
        	//重置搜索
        	resetsearchUsers(){
        	   this.salaryInfoSearchTiem1='',
        	   this.getSalary()
        	},
			//考勤信息
			getCheckingIn(){
				this.attendancRecordLoading=true;
				this.$http({
					url: '/sys/web/UserCenter/selectUserChick',
					method: 'get',
					params:{//一定要设置name，才可以传params
						date:this.CheckingInDate ,
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.attendancRecordTable=data.list;
						this.attendancRecordLoading=false;
					}
				});
			},
			picker(val){
				this.CheckingInDate=val;
				this.getCheckingIn();
			},
			//考勤明细和流程请求
			cellDetail(row, column, event, cell){
				// 点击表格获取日
				this.day = column.label
				if(this.day=='年/月'){
					this.attendancRecordDetailsTable=[];
					this.attendancRecordFlowTable=[];
					return false
				}
				if (this.day < 10) {
					this.day = '0' + this.day
				}
				this.attendancRecordDetailsLoading=true;
				this.attendancRecordFlowLoading=true;
				this.$http({
					url: '/sys/user/userCheckin/selectchickdetail',
					method: 'get',
					params:{//一定要设置name，才可以传params
						dateOfTime:this.CheckingInDate+'-'+this.day,
						userid:row.sysuserid
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.attendancRecordDetailsTable=data.list;
						this.attendancRecordFlowTable=data.lcList;
						if(this.attendancRecordDetailsTable.length==0 || this.attendancRecordFlowTable.length==0){
							this.attendancRecordEmpty_text='暂无数据'
						}
						this.attendancRecordDetailsLoading=false;
						this.attendancRecordFlowLoading=false;
					}
				});
			},


			//工资
			//工资分页
			salaryHandleSizeChange(val) {
				this.salaryPageSize= val;
            	this.salaryPageNo = 1;
				this.getSalary();
			},
			salaryHandleCurrentChange(val) {
				this.salaryPageNo = val;
            	this.getSalary();
			},
			//工资信息
			getSalary(){
				this.salaryLoading=true;
				this.$http({
					url: '/sys/web/UserCenter/selectListUserSalary',
					method: 'get',
					params:{//一定要设置name，才可以传params
						pageNo:this.salaryPageNo,
						pageSize:this.salaryPageSize,
						salyear:this.salaryInfoSearchTiem
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.salaryTable=data.listSalary;
						this.salaryLoading=false;
						if(this.salaryTable.length==0){
							this.salaryTotal=0;
						}else{
							this.salaryTotal=data.totalCountSalary;
						}	
					}
				})
			},


			//体检
			//体检分页
			physicalExaminationHandleSizeChange(val) {
				this.physicalExaminationPageSize= val;
            	this.physicalExaminationPageNo = 1;
				this.getPhysicalExamination();
			},
			physicalExaminationHandleCurrentChange(val) {
				this.physicalExaminationPageNo = val;
            	this.getPhysicalExamination();
			},
			//体检信息
			getPhysicalExamination(){
				this.physicalExaminationLoading=true;
				this.$http({
					url: '/sys/web/UserCenter/selectUserMedical',
					method: 'get',
					params:{//一定要设置name，才可以传params
						pageNo:this.physicalExaminationPageNo,
						pageSize:this.physicalExaminationPageSize
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.physicalExaminationTable=data.listMedicalSummary;
						this.physicalExaminationLoading=false;
						if(this.physicalExaminationTable.length==0){
							this.physicalExaminationTotal=0;
						}else{
							this.physicalExaminationTotal=data.totalCountMedicalSummary;
						}					
					}
				})
			},


			//社保
			//社保分页
			socialSecurityHandleSizeChange(val) {
				this.socialSecurityPageSize= val;
            	this.socialSecurityPageNo = 1;
            	this.getSocialSecurity()
			},
			socialSecurityHandleCurrentChange(val) {
				this.socialSecurityPageNo = val;
            	this.getSocialSecurity()
			},
			//社保信息
			getSocialSecurity(){
				this.socialSecurityLoading=true;
				this.$http({
					url: '/sys/web/UserCenter/selectUserSocial',
					method: 'get',
					params:{//一定要设置name，才可以传params
						pageNo:this.socialSecurityPageNo,
						pageSize:this.socialSecurityPageSize
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.socialSecurityTable=data.listSecurityCompany;
						this.socialSecurityLoading=false;
						if(this.socialSecurityTable.lengh==0){
							this.socialSecurityTotal==0;
						}else{
							this.socialSecurityTotal=data.totalCountSecurityCompany;
						}					
					}
				})
			},


			//公积金
			//公积金分页
			reservedFundsHandleSizeChange(val) {
				this.reservedFundsPageSize=val;
				this.reservedFundsPageNo=1;
				this.getReservedFund();
			},
			reservedFundsHandleCurrentChange(val) {
				this.reservedFundsPageNo=val;
				this.getReservedFund();
			},
			//公积金信息
			getReservedFund(){
				this.reservedFundsLoading=true;
				this.$http({
					url: '/sys/web/UserCenter/selectUserAccumulation',
					method: 'get',
					params:{//一定要设置name，才可以传params
						pageNo:this.reservedFundsPageNo,
						pageSize:this.reservedFundsPageSize
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.reservedFundsTable=data.listAccumu;
						this.reservedFundsLoading=false;
						if(this.reservedFundsTable.length==0){
							this.reservedFundsTotal=0;
						}else{
							this.reservedFundsTotal=data.totalCountAccumu;
						}						
					}
				})
			},



			//差旅
			//差旅分页
			travelHandleSizeChange(val) {
				this.travelPageSize=val;
				this.travelPageNo=1;
				this.getTravel();
			},
			travelHandleCurrentChange(val) {
				this.travelPageNo=val;
				this.getTravel();
			},
			//差旅查询
			getTravel(){
				this.travelLoading=true;
				this.$http({
					url: '/sys/web/userinfo/selectListTravere',
					method: 'get',
					params:{//一定要设置name，才可以传params
						pageNo:this.travelPageNo,
						pageSize:this.travelPageSize,
						userId:this.userId
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.travelTable=data.list;
						this.travelLoading=false;
						if(this.travelTable.length==0){
							this.travelTotal=0;
						}else{
							this.travelTotal=data.totalCount;
						}					
					}
				})
			},
			

			//非差旅
			//非差旅分页
			notTravelHandleSizeChange(val) {
				this.notTravelPageSize=val;
				this.notTravelPageNo=1;
				this.getNotTravel()
			},
			notTravelHandleCurrentChange(val) {
				this.notTravelPageNo=val;
				this.getNotTravel()
			},
			//非差旅查询
			getNotTravel(){
				this.notTravelLoading=true;
				this.$http({
					url: '/sys/web/userinfo/selectListNotravere',
					method: 'get',
					params:{//一定要设置name，才可以传params
						pageNo:this.notTravelPageNo,
						pageSize:this.notTravelPageSize,
						userId:this.userId
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.notTravelTable=data.list;
						this.notTravelLoading=false;
						if(this.notTravelTable.length==0){
							this.notTravelTotal=0;
						}else{
							this.notTravelTotal=data.totalCount;
						}					
					}
				})
			},


			//请假
			//请假分页
			askForLeaveHandleSizeChange(val) {
				this.askForLeavePageSize=val;
				this.askForLeavePageNo=1;
				this.getAskForLeave()
			},
			askForLeaveHandleCurrentChange(val) {
				this.askForLeavePageNo=val;
				this.getAskForLeave()
			},
			//请假查询
			getAskForLeave(){
				this.askForLeaveLoading=true;
				this.$http({
					url: '/sys/web/userinfo/selectListLeave',
					method: 'get',
					params:{//一定要设置name，才可以传params
						pageNo:this.askForLeavePageNo,
						pageSize:this.askForLeavePageSize,
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.askForLeaveTable=data.listLeave;
						this.askForLeaveLoading=false;
						if(this.askForLeaveTable.length==0){
							this.askForLeaveTotal=0;
						}else{
							this.askForLeaveTotal=data.totalCount;
						}					
					}
				})
			},


			//调休
			//调休分页
			workingDaysOffHandleSizeChange(val) {
				this.workingDaysOffPageSize=val;
				this.workingDaysOffPageNo=1;
				this.getWorkingDaysOff()
			},
			workingDaysOffHandleCurrentChange(val) {
				this.workingDaysOffPageNo=val;
				this.getWorkingDaysOff()
			},
			//调休查询
			getWorkingDaysOff(){
				this.workingDaysOffLoading=true;
				this.$http({
					url: '/sys/web/userinfo/selectListCompensatory',
					method: 'get',
					params:{//一定要设置name，才可以传params
						pageNo:this.workingDaysOffPageNo,
						pageSize:this.workingDaysOffPageSize,
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.workingDaysOffTable=data.listCompensatory;
						this.workingDaysOffLoading=false;
						if(this.workingDaysOffTable.length==0){
							this.workingDaysOffTotal=0;
						}else{
							this.workingDaysOffTotal=data.totalCount;
						}					
					}
				})
			},


			//外出
			//外出分页
			goOutHandleSizeChange(val) {
				this.goOutPageSize=val;
				this.goOutPageNo=1;
				this.getGoOut();
			},
			goOutHandleCurrentChange(val) {
				this.goOutPageNo=val;
				this.getGoOut();
			},
			getGoOut(){
				this.goOutLoading=true;
				this.$http({
					url: '/sys/web/userinfo/selectListOutside',
					method: 'get',
					params:{//一定要设置name，才可以传params
						pageNo:this.workingDaysOffPageNo,
						pageSize:this.workingDaysOffPageSize,
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.goOutTable=data.listOutside;
						this.goOutLoading=false;
						if(this.goOutTable.length==0){
							this.goOutTotal=0;
						}else{
							this.goOutTotal=data.totalCount;
						}					
					}
				})
			},


			//出差
			//出差分页
			onBusinessHandleSizeChange(val) {
				this.onBusinessPageSize=val;
				this.onBusinessPageNo=1;
				this.getOnBusiness();
			},
			onBusinessHandleCurrentChange(val) {
				this.onBusinessPageNo=val;
				this.getOnBusiness();
			},
			//出差查询
			getOnBusiness(){
				this.onBusinessLoading=true;
				this.$http({
					url: '/sys/web/userinfo/selectListTravel',
					method: 'get',
					params:{//一定要设置name，才可以传params
						pageNo:this.onBusinessPageNo,
						pageSize:this.onBusinessPageSize,
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.onBusinessTable=data.listTravel;
						this.onBusinessLoading=false;
						if(this.onBusinessTable.length==0){
							this.onBusinessTotal=0;
						}else{
							this.onBusinessTotal=data.totalCount;
						}					
					}
				})
			},


			//加班
			//加班分页
			overtimeHandleSizeChange(val) {
				this.overtimePagesize=val;
				this.overtimePageNo=1;
				this.getOvertime();
			},
			overtimeHandleCurrentChange(val) {
				this.overtimePageNo=val;
				this.getOvertime();
			},
			//加班查询
			getOvertime(){
				this.overtimeLoading=true;
				this.$http({
					url: '/sys/web/userinfo/selectListOvertime',
					method: 'get',
					params:{//一定要设置name，才可以传params
						pageNo:this.overtimePageNo,
						pageSize:this.overtimePageSize,
					}
				}).then(({data}) => {
					// console.log(data)
					if (data) {
						this.overtimeTable=data.list;
						this.overtimeLoading=false;
						if(this.overtimeTable.length==0){
							this.overtimeTotal=0;
						}else{
							this.overtimeTotal=data.totalCount;
						}					
					}
				})
			},


			//待办任务，已办事项，我发起的，抄送事项跳转
			goToRouter(url,names){
				this.$router.push({
					path: url,
					name: names,
				});
			},
		},
	};
</script>
<style  scoped>
	/* 上下10px外边距 */
	.marginYTen {
		margin: 10px 0
	}

	/* 个人信息,考勤信息所有标题 */
	.titleIcon {
		font-size: 14px;
		font-weight: 550;
		color: #2a8bd8;
	}

	/* 头像 */
	.headProtait {
		border: 1px solid #d8d8d8;
		border-radius: 5px;
		height: 183px;
		width:100%;
	}

	/* 考勤小图标样式 */
	.iconStyle {
		margin-top: 15px;
		margin-bottom: 8px;
		text-align: left;
		font-size: 12px;
	}
	/* 修改资料,密码页面input样式 */
	.changePersonInfo  .el-input__inner,.passwordChange  .el-input__inner{
		width:80%
	}
	.changePersonInfo .el-form-item__label,.passwordChange  .el-form-item__label{
		font-size:11px
	}
</style>
